/* pages/aboutAsset/aboutAsset.wxss */
.container {
  padding: 30rpx;
  background-color: #f5f5f5;
  min-height: 100vh;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50rpx 0;
  background-color: #fff;
  border-radius: 20rpx;
  margin-bottom: 30rpx;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
  width: 100%;
  box-sizing: border-box;
}

.logo {
  width: 160rpx;  // 设置logo宽度
  height: 160rpx;  // 设置logo高度
  margin-bottom: 30rpx;
  border-radius: 50%;  // 可选：设置圆角
}

.title {
  font-size: 44rpx;
  font-weight: bold;
  color: #222;
  // margin-bottom: 10rpx;
}

.subtitle {
  font-size: 28rpx;
  color: #666;
}

.content {
  background-color: #fff;
  border-radius: 16rpx;  // 调整为与index页面一致的圆角
  padding: 24rpx;  // 调整为与index页面一致的内边距
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);  // 调整为与index页面一致的阴影
  margin-bottom: 10rpx;
  width: 100%;
  box-sizing: border-box;
}

.section {
  margin-bottom: 50rpx;
}

.section:last-child {
  margin-bottom: 0;
}

.section-title {
  font-size: 32rpx;  // 调整为与index页面一致的字体大小
  font-weight: bold;
  color: #333;
  margin-bottom: 25rpx;
  padding-left: 22rpx;  // 增加左边距，与index页面一致
  position: relative;
}

// .section-title::after {
//   content: '';
//   position: absolute;
//   bottom: 4rpx;
//   left: 0;
//   width: 180rpx;
//   height: 4rpx;
//   background-color: #02b9b8;  // 更改主题色
// }

.section-content {
  font-size: 30rpx;
  color: #666;
  line-height: 1.8;
  padding: 20rpx;
}

.feature-list {
  display: flex;
  flex-wrap: wrap;  // 改为多行排列
  justify-content: space-around;  // 增加均匀分布
  padding: 10rpx 0;
  gap: 10rpx;  // 调整间距
  width: 100%;
  box-sizing: border-box;
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25%;  // 调整宽度，与index页面的4列布局一致
  height: 170rpx;  // 调整高度，与index页面一致
  padding: 20rpx 10rpx;  // 调整内边距
  background-color: #f9f9f9;
  border-radius: 12rpx;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.feature-item:hover {
  transform: translateY(-5rpx);
  box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.feature-icon {
  font-size: 60rpx;  // 调整图标大小
  color: #02b9b8;  // 使用主题色
  margin-bottom: 15rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-text {
  font-size: 26rpx;  // 调整文本大小
  color: #333;
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
}

.footer {
  text-align: center;
  padding: 40rpx 0;
  font-size: 26rpx;
  color: #888;
  background-color: #fff;
  border-radius: 20rpx;
  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
  width: 100%;
  box-sizing: border-box;
}

/* 滚动条样式优化 */
.feature-list::-webkit-scrollbar {
  height: 6rpx;
}

.feature-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10rpx;
}

.feature-list::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10rpx;
}

.feature-list::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}